<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>入职信息查看</title>
    <link rel="stylesheet" href="__CDN__/assets/salary/css/all.min.css">
    <style>
        * {margin:0;padding:0;box-sizing:border-box;}
body {min-height:100vh;background:linear-gradient(135deg,#9bdff6 0%,#439cff 100%);display:flex;flex-direction:column;align-items:center;font-family:"PingFang SC","Microsoft YaHei",sans-serif;padding:40px 20px;}
.logo {margin-bottom:30px;text-align:center;}
.logo img {width:200px;height:auto;}
.info-container {width:100%;max-width:800px;background:rgba(255,255,255,0.9);padding:40px;border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,0.1);backdrop-filter:blur(10px);}
.info-title {text-align:center;font-size:28px;margin-bottom:40px;color:#333;font-weight:500;}
.section-title {font-size:18px;color:#333;margin:35px 0 20px;padding-left:12px;border-left:4px solid #439cff;font-weight:500;}
.info-group {margin-bottom:20px;padding:0 10px;}
.info-label {color:#666;font-size:14px;margin-bottom:8px;}
.info-content {color:#333;font-size:16px;padding:12px 16px;background:rgba(255,255,255,0.8);border-radius:8px;border:1px solid #eee;min-height:45px;display:flex;align-items:center;}
.info-content.multiline {white-space:pre-line;line-height:1.6;min-height:150px;align-items:flex-start;}
.edit-btn {display:block;width:100%;padding:14px;background:#439cff;color:white;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all 0.3s ease;margin-top:30px;font-weight:500;text-align:center;text-decoration:none;}
.edit-btn:hover {background:#3288e0;transform:translateY(-1px);}
.edit-btn:active {transform:translateY(1px);}
.info-status {display:inline-block;padding:6px 12px;border-radius:20px;font-size:14px;margin-top:20px;}
.status-pending {background:#fff3e0;color:#ff9800;}
.status-approved {background:#e8f5e9;color:#4caf50;}
@media (max-width:768px) {.info-container {padding:25px;}
.info-title {font-size:24px;margin-bottom:30px;}
.section-title {font-size:16px;margin:25px 0 15px;}
.info-content {font-size:15px;}
}
    </style>
</head>
<body>
    <div class="logo">
        <img src="__CDN__/assets/salary/img/logo1.png" alt="公司logo">
    </div>
    
    <div class="info-container">
        <h2 class="info-title">入职信息</h2>
        
        <div class="section-title">基本信息</div>
        <div class="info-group">
            <div class="info-label">姓名</div>
            <div class="info-content">{$staffInfo.name}</div>
        </div>
        <div class="info-group">
            <div class="info-label">性别</div>
            <div class="info-content">{$staffInfo.gender == 1 ? '男' : '女'}</div>
        </div>
        <div class="info-group">
            <div class="info-label">手机号</div>
            <div class="info-content">{$staffInfo.mobile}</div>
        </div>
        <div class="info-group">
            <div class="info-label">身份证号</div>
            <div class="info-content">{$staffInfo.idcard}</div>
        </div>
        <div class="info-group">
            <div class="info-label">现住址</div>
            <div class="info-content">{$staffInfo.currentAddress}</div>
        </div>
        <div class="info-group">
            <div class="info-label">户籍地址</div>
            <div class="info-content">{$staffInfo.permanentAddress}</div>
        </div>
        <div class="section-title">紧急联系人信息</div>
        <div class="info-group">
            <div class="info-label">紧急联系人姓名</div>
            <div class="info-content">{$staffInfo.urgent_name}</div>
        </div>
        <div class="info-group">
            <div class="info-label">与紧急联系人关系</div>
            <div class="info-content">{$staffInfo.urgent_relation}</div>
        </div>
        <div class="info-group">
            <div class="info-label">紧急联系人电话</div>
            <div class="info-content">{$staffInfo.urgent_mobile}</div>
        </div>

        <div class="section-title">工作经历</div>
        <div class="info-group">
            <div class="info-label">工作经历详情</div>
            <div class="info-content multiline">
                {$staffInfo.work_experience|htmlentities}
            </div>
        </div>

        <div class="section-title">银行账户信息</div>
        <div class="info-group">
            <div class="info-label">银行卡号</div>
            <div class="info-content">{$staffInfo.bank_cardnum}</div>
        </div>
        <div class="info-group">
            <div class="info-label">开户行</div>
            <div class="info-content">{$staffInfo.bankName}</div>
        </div>

        <div class="section-title">入职公司</div>
        <div class="info-group">
            <div class="info-label">入职公司</div>
            <div class="info-content">{$companyInfo.name}</div>
        </div>

        

        <a href="{:url('index/saveuserinfo')}" class="edit-btn">修改信息</a>
    </div>
</body>
</html>